/* 
    主题色 #4657FF
*/
/* 
    vant导航栏
*/
.van-nav-bar {
    background-color: #4657FF;
}
.van-nav-bar__title {
    color: #fff;
}
/* 
    通用样式
*/
.dark-page {
    min-height: 100vh;
    box-sizing: border-box;
    background-color: #F8F7FC;
}
.box-shadow {
    box-shadow: 0rpx 0rpx 17rpx 0rpx rgba(127, 127, 127, 0.36);
}
/* 
    头部客户信息
*/
.top-customer {
    background-color: #fff;
    height: .9rem;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-customer span {
    font-size: .3rem;
}
/* 
    模块小标题
*/
.module-title-1 {
    padding: 0 .3rem;
    line-height: .8rem;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
}
/* 
    展示物料列表
*/
.goods-msg-list {
    background-color: #fff;
    padding: 0 .3rem;
}
.goods-msg-list .goods-msg-item {
    padding: .2rem 0;
    display: flex;
}
.goods-msg-list .goods-msg-item:not(:nth-child(1)) {
    border-top: 1px solid #f3f3f3;
}
.goods-msg-list .goods-msg-item .msg-item-content {
    flex: 1;
    margin-left: .3rem;
    height: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.goods-msg-list .goods-msg-item .msg-item-content .msg-item-content-text {
    display: flex;
    justify-content: space-between;
    font-size: .28rem;
}
.goods-msg-list .goods-msg-item .msg-item-content .msg-item-content-text:not(:nth-child(1)) {
    color: #7A7A7A;
}
/* 
    单据信息列表
*/
.bill-msg-list {
    background-color: #fff;
    padding: 0 .3rem;
}
.bill-msg-list .bill-msg-item {
    height: .9rem;
    display: flex;
    align-items: center;
}
.bill-msg-list .bill-msg-item span:nth-child(1) {
    font-size: .28rem;
    width: 2rem;
}
.bill-msg-list .bill-msg-item span:nth-child(2) {
    flex: 1;
    margin-left: .3rem;
    text-align: right;
    font-size: .28rem;
    color: #7A7A7A;
}
.bill-msg-list .bill-msg-item:not(:nth-child(1)) {
    border-top: 1px solid #f3f3f3;
}
/* 
    查看凭证
*/
.voucher-view {
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    padding: .4rem .3rem;
    display: flex;
    align-items: center;
}
.voucher-view .voucher-title {
    font-size: .28rem;
    width: 1.6rem;
}
.voucher-view .voucher-img {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.voucher-view .voucher-img .van-image {
    margin-right: 5px;
    margin-bottom: 5px;
}
.voucher-img-view {
    display: block;
    width: 6rem;
}